<ion-header #header>
  <ion-navbar>
    <ion-title>订单详情</ion-title>
  </ion-navbar>
  <div class="pageMenuSlides">
    <div class="swiper-container">
      <div class="swiper-wrapper">
        <div class="swiper-slide {{i==0?'bottomLine':''}}" *ngFor="let item of menus;let i=index;" tappable (click)="selectPageMenu($event,i)">{{item}}({{number[i]}})</div>
      </div>
    </div>
  </div>
</ion-header>

<ion-content>
  <ion-slides [ngStyle]="{ 'height': slidesMoving ? 'auto' : (slidesHeight + 'px') }" #contentSlides (ionSlideDidChange)="slideChanged()"
    (ionSlideWillChange)="slideWillChange()">
    <ion-slide>
      <ion-list>
        <ion-item ion-item *ngFor="let item of orderAll" (click)="itemSelected(item)">
          <span>{{ item.productionName }}</span>
          <span>{{ item.partialStatusName }}&nbsp;&nbsp;&nbsp;
            <ion-icon text-right name="ios-arrow-forward"></ion-icon>
          </span>
        </ion-item>
      </ion-list>
    </ion-slide>
    <ion-slide>
      <ion-list>
        <ion-item ion-item *ngFor="let item of order1" (click)="itemSelected(item)">
          <span>{{ item.productionName }}</span>
          <span>{{ item.partialStatusName }}&nbsp;&nbsp;&nbsp;
            <ion-icon text-right name="ios-arrow-forward"></ion-icon>
          </span>
        </ion-item>
      </ion-list>
    </ion-slide>
    <ion-slide>
      <ion-list>
        <ion-item ion-item *ngFor="let item of order2">
          <span>{{ item.productionName }}</span>
          <span>{{ item.partialStatusName }}</span>
        </ion-item>
      </ion-list>
    </ion-slide>
    <ion-slide>
      <ion-list>
        <ion-item ion-item *ngFor="let item of order3" (click)="itemSelected(item)">
          <span>{{ item.productionName }}</span>
          <span>{{ item.partialStatusName }}&nbsp;&nbsp;&nbsp;
            <ion-icon text-right name="ios-arrow-forward"></ion-icon>
          </span>
        </ion-item>
      </ion-list>
    </ion-slide>
  </ion-slides>
</ion-content>